<template>
	<view class="bqSet">
		
		<text class="titR">设置APP底部标签排序</text>
		
		<ul>
			<li>
				<view class="list_type">
					<image src="../../../static/images/shou.png" mode=""></image>
					<text>首页</text>
				</view>
			</li>
			<li>
				<view class="list_type">
					<image src="../../../static/images/crm.png" mode=""></image>
					<text>CRM</text>
				</view>
				<image src="../../../static/biaoqian.png" mode=""></image>
			</li>
			<li>
				<view class="list_type">
					<image src="../../../static/images/ban.png" mode=""></image>
					<text>办公</text>
				</view>
				<image src="../../../static/biaoqian.png" mode=""></image>
			</li>
			<li>
				<view class="list_type">
					<image src="../../../static/images/xiao.png" mode=""></image>
					<text>消息</text>
				</view>
				<image src="../../../static/biaoqian.png" mode=""></image>
			</li>
			<li>
				<view class="list_type">
					<image src="../../../static/images/my.png" mode=""></image>
					<text>我的</text>
				</view>
				<image src="../../../static/biaoqian.png" mode=""></image>
			</li>
		</ul>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.bqSet>ul>li>image{
		width: 25px;
		height: 25px;
		margin-right: 12px;
	}
	.list_type>text{
		color: #666666;
		font-size: 15px;
		margin-left: 12px;
	}
	.list_type>image{
		width: 25px;
		height: 25px;
		margin-left: 20px;
		line-height: 25px;
	}
	.titR{
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin-left: 20px;
		color: #999999;
		font-size: 12px;
	}
.bqSet{
	background-color:rgba(242, 242, 242, 0.5);
}
*{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.bqSet>ul>li{
	width: 100%;
	height:50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	margin-top: 3px;
}
</style>
